<template>
    <div>
        <UserInformation 
          v-bind:studentdetail="studentdetail" 
          v-bind:userdetail="userdetail">
        </UserInformation>
        <ArriveStep
          v-bind:studentdetail="studentdetail" 
          v-bind:userdetail="userdetail"
          v-bind:active="active">
        </ArriveStep>
        <ArriveDetail 
          :isCollapse="isCollapse"
          :userdetail="userdetail"
          :studentdetail="studentdetail"
          v-bind:active="active">
        </ArriveDetail>
    </div>
</template>

<script>
import UserInformation from '@/components/UserInformation.vue'
import ArriveStep from '@/components/ArriveStep.vue'
import ArriveDetail from '@/components/ArriveDetail.vue'
export default {
  components: { UserInformation, ArriveStep, ArriveDetail },
  props:{
    userdetail: [],
    studentdetail: [],
    isCollapse: true,
    userdetail:{},
    studentdetail:{},
    active:""
  }

}
</script>

<style>

</style>